﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="../../twiPicZoom/twiPicZoom.css" rel="stylesheet" type="text/css" />
    <script src="../../jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="../../twiPicZoom/jquery.mousewheel.js" type="text/javascript"></script> 
    <script src="../../twiPicZoom/jquery.twiPicZoom.js" type="text/javascript"></script>
    <title>查看图片大图</title>
    <script type="text/javascript">
        $(function () {
            $('img[type="twiPicZoom"]').twiPicZoom();
        });
    </script>
</head>
<body>
     <div id="imgContainer">
         <img style="width:160px;height:120px;" alt="" src="../../samplePictures/Desert.jpg" type="twiPicZoom"/>
         <img style="width:160px;height:120px;" alt="" src="../../samplePictures/Hydrangeas.jpg" type="twiPicZoom"/>
         <img style="width:160px;height:120px;" alt="" src="../../samplePictures/Lighthouse.jpg" type="twiPicZoom"/>
         <img style="width:160px;height:120px;" alt="" src="../../samplePictures/Jellyfish.jpg" type="twiPicZoom"/>
     </div>
</body>
</html>
